<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="login.css">
    <link rel="stylesheet" href="./index_style.css">
    <title>小米账号-注册</title>
</head>

<body>
    <!-- 首部部分 start-->
    <div class="top">
        <a href="index.html" class="title"></a>
        <h4>注册小米账号</h4>
        <div class="middle">
            <form enctype="multipart/form-data">
                <div style="width:500px;float:left;margin:0 20px;">
                    <br />
                    <span class="p">*</span>
                    <label for="username" class="l">用户名:</label>
                    <div style="position:relative;display:inline;">
                        <input id="username" type="text" style="height:30px;width:250px;padding-right:50px;">
                    </div>
                    <br /><br />
                    <span class="p">*</span>
                    <label for="phonenumber" class="l">手机号:</label>
                    <div class="d">
                        <input id="phonenumber" type="text" class="i">
                    </div>
                    <br /><br />
                    <span class="c">*</span>
                    <label for="login_password" class="l">登录密码:</label>
                    <div class="d">
                        <input id="login_password" type="text" class="i">
                    </div>
                    <br /><br />
                    <span class="c">*</span>
                    <label for="confirm_password" class="l">确认密码:</label>
                    <div class="d">
                        <input id="confirm_password" type="text" class="i">
                    </div>
                    <br /><br />
                    <span class="p">*</span>
                    <label for="ver_code" class="l">验证码:</label>
                    <div class="d">
                        <input id="ver_code" type="text" class="i">
                    </div>
                    <br /><br />
                    <input type="checkbox" name="agree" style="margin-left:100px;display:inline-block;" value="1" />
                    <span style="font-size:10px;">我已阅读并同意《用户注册协议》</span>
                    <br /><br />
                    <input type="submit" value="同意以上协议并注册"
                        style="margin-left:100px;height:30px;width:300px;background-color:#FF6700;display:inline-block; border:none;color:white;font-size: 14px;" />
                </div>
            </form>

        </div>
    </div>
    <div class="right_float">
        <a href="./index.html" class="item"><div class="pic pic1"></div><div class="pic_text">手机APP</div></a>
        <a href="./login.html" class="item"><div class="pic pic2"></div><div class="pic_text">个人中心</div></a>
        <a href="./message.html" class="item"><div class="pic pic3"></div><div class="pic_text">售后服务</div></a>
        <!-- <a href="#" class="item"><div class="pic pic4"></div><div class="pic_text">人工客服</div></a> -->
        <a href="./shopping.html" class="item"><div class="pic pic5"></div><div class="pic_text">购物车</div></a>
    </div>
    <!-- 首部部分 end -->

    <!-- 尾部部分 start -->
    <div class="footer">
        <ul>
            <li><a href="#">简体</a><span>|</span></li>
            <li><a href="#">繁体</a><span>|</span></li>
            <li><a href="#">English</a><span>|</span></li>
            <li><a href="#">常见问题</a><span>|</span></li>
            <li><a href="#">隐私政策</a></li>
        </ul>
        
    </div>
    <!-- 尾部部分 end -->
</body>

</html>